<template>
  <el-form ref="form" :model="form" label-width="80px">
    <el-form-item label="电话登记" type='number'maxLength='11' minLength='11'>
      <el-input v-model="form.tel"></el-input>
    </el-form-item>
    <el-form-item label="预定类型">
      <el-select v-model="form.region" placeholder="请选择预定类型" style="width:100%">
        <el-option label="宴会大桌" value="very_big"></el-option>
        <el-option label="普通大桌" value="big"></el-option>
        <el-option label="普通中桌" value="middle"></el-option>
        <el-option label="普通小桌" value="small"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="到店时间">
      <el-row style=" border: 3px solid #eee">
        <el-radio v-model="radio" label="1">8:30</el-radio>
        <el-radio v-model="radio" label="2">9:00</el-radio>
        <el-radio v-model="radio" label="3">9:30</el-radio>
        <el-radio v-model="radio" label="4">11:00</el-radio>
        <el-radio v-model="radio" label="5">11:30</el-radio>
        <el-radio v-model="radio" label="6">12:00</el-radio>
      </el-row>

      <el-row style=" border: 3px solid #eee" height="10px">
        <el-radio v-model="radio" label="7">12:30</el-radio>
        <el-radio v-model="radio" label="8">17:00</el-radio>
        <el-radio v-model="radio" label="9">17:30</el-radio>
        <el-radio v-model="radio" label="10">18:00</el-radio>
        <el-radio v-model="radio" label="11">18:30</el-radio>
        <el-radio v-model="radio" label="12">19:00</el-radio>
        </el-row>
        
    </el-form-item>
    
    <el-form-item>
      <el-button type="primary" @click="onSubmit">立即创建</el-button>
    </el-form-item>
  </el-form>
  </template>


<script>
  export default {
    data() {
      return {
        radio: '1',
        form: {
          tel: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
    methods: {
      onSubmit() {
        //在这里与后台传输数据
        console.log('submit!');
      }
    }
  }
</script>
